// html 标签的事件会从点击元素开始向该元素的父类元素进行事件传递，整个传递过程被叫做 事件冒泡
// html 标签为什么要存在事件冒泡:
//      页面的效果是由多个父子标签方式嵌套组合而成，实际页面展示时，会存在一组父子标签的实际功能指向同一个行为
//      为了降低页面元素和功能的开发对于关系复杂度，html提供实际向上传递的效果，由此子元素的事件操作会传递给父元素

function printName(n) {
    console.log(n)
}
function printNameA(){
}

// 阻止事件冒泡 ： 因为页面效果或行为功能，存在子元素的触发事件并不希望传递给父元素
//               通过JS代码禁止事件的冒泡传播，被叫做 阻止事件冒泡
//  在需要禁止事件传递的元素事件方法中，通过事件源调用 event.stopPropagation() 方法即可
//  HTML 中 a标签的跳转功能，表单的提交功能，是不受 stopPropagation 方法的影响的
function printNameD(e) {
    console.log("divD")
    e.stopPropagation() // 阻止事件冒泡的
}